/* 首页单独css样式 */
.main {
    margin-top: 10px;
    width: 980px;
    height: 455px;
     margin-left: 220px;
}
.foucs {
    float: left;
    width: 721px;
    height: 455px;
    background-color: red;
}
/* 新闻快报 */
.newsflash {
    border: 1px solid #e4e4e4;
    float: right;
    width: 250px;
    height: 455px;
 }
.news {
    height: 165px;
 }
.news-hd {
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    border-bottom: 1px dotted #e4e4e4;

}

.news-hd h5 {
    font-size: 14px;
    float: left;
    color: #333;
}
.news-bd
{
    padding: 5px 15px 0;
}
.news-bd ul li {
    height: 24px;
    line-height: 24px;
        /* 字体溢出隐藏 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.more {
    float: right;
}
.more::after{
    font-family: "iconfont";
    content: '\e6c8';
}
/* 例如:li子元素浮动(有边框等原因)会比父元素的宽度大,就会掉下来 ,解决方案:
1/可以将父控件稍微大一点,然后父元素满足子元素宽度, 多余的部分(如边框)再进行overfolw裁剪掉 
2.可以li设置宽度为百分比 
3.可以使用margileft-1px */
.lifeservice {
    height: 209px;
    border-top: 1px solid #e4e4e4;
    overflow: hidden;
 }

 .lifeservice ul {
     width: 252px;

 }
 /* 子元素是行内块元素 或者行内元素, 父元素中使用text-align就可以使子元素对齐 */

.lifeservice ul li {
    float: left;
    width: 63px;
    height: 71px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
text-align: center;
}
.lifeservice div {
    display: inline-block;
    width: 24px;
    height: 28px;
     margin-top: 12px;
    background:url(../images/icons.png) no-repeat -19px -15px;
}
.bargain {
    margin-top: 5px;
}
/* 推荐模块 */
.recom {
    height: 163px;
     margin-top: 12px;
}

.reom-hd {
    float: left;
    height: 163px;
    width: 208px;
    background-color: #525252;
    text-align: center;
    padding-top: 30px;
}
.recom-bd {
    float: left;
}
.recom-bd ul li {
    position: relative;
    float: left;
    width: 248px;
    height: 163px;
}
.recom-bd ul li img {
    width: 100%;
    height: 100%;
}
/* 为前3伪元素添加边框 */
.recom-bd ul li:nth-child(-n+3)::after{
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 145px;
    background-color: #ddd;
    top: 10px;
}
.box_hd {
    height: 30px;
    border-bottom: 2px solid red;
}
.box_hd h3 {
    float: left;
    font-size: 18px;
    color: red;
    font-weight: 400;
}
.tab_list {
    float: right;
    line-height: 30px;
}
.tab_list ul li {
   
    float: left;
}
.tab_list ul li a {
    padding:  0 15px;
    border-right: 1px solid #e4e4e4;

 }
 .box_bd {
     height: 361px;
  }
 /* 子类选择器 */
 .tab_list_item > div{
     float: left;
     height: 361px;
 }
 .col_210{
     width: 210px;
     background-color: #f9f9f9;
     padding-left: 10px;
 }
 .col_210 ul li {
     float: left;
     width: 85px;
     height: 34px;
     border-bottom: 1px solid #ccc;
     text-align: center;
     line-height: 34px;
     margin-right: 10px;
 }
 .col_329{
    width: 329px;
}
.col_220{
    width: 220px;
    border-right: 1px solid #e4e4e4;
}
.col_220 img {
    width: 100%;
 }
 /* a标签中如果有子盒子, 为了安全将a标签转成block */
 .bb {
     display: block;
     border-bottom: 1px solid #e4e4e4;
 }